<template>
  <view class="root">
    <acme-app-bar title="Avatar"></acme-app-bar>
    
    <acme-avatar src="/static/photo/m_1.jpg"/>
    <acme-avatar src="/static/photo/m_4.jpg"/>
    <acme-avatar src="/static/photo/m_3.jpg" size="90rpx"/>
    <acme-avatar src="/static/photo/m_5.jpg" :round="false"/>
  </view>
</template>

<script>
  import AcmeAvatar from "@/components/acme-design/avatar/index.vue"
  export default {
    components: {
      AcmeAvatar
    },
    data() {
      return {};
    },
    methods: {},
  };
</script>


<style lang="scss" scoped>
  .root {
    padding: 50upx 30upx;
    
    .acme-avatar {
      margin-right: 40upx;
    }
  }
</style>